<template>
  <div class="home-nav">
    
  </div>
  <a-menu v-model:selectedKeys="current" mode="horizontal" style="height:48px;" >
      <a-sub-menu>
        <template #icon>
          <setting-outlined />
        </template>
        <template #title>切换登陆方式</template>
        <a-menu-item-group>
          <a-menu-item key="setting:1" @click="goLogin">切换至账号登录</a-menu-item>
          <a-menu-item key="setting:2" @click="goLoginByMail">切换至邮箱登录</a-menu-item>
        </a-menu-item-group>
      </a-sub-menu>
    </a-menu>
  <router-view>
    
  </router-view>
</template>

<script setup>
////////////////////////////////////////////
import { reactive, ref } from "vue";
import { post, setLocalToken } from "@/common";
import { useRouter } from "vue-router";
import { get } from "@/common";
import { message } from "ant-design-vue";
////////////////////////////////////////////
const router = useRouter();

const goLogin = () => {
  router.push({ path: "/security/login" });
};

const goLoginByMail = () => {
  router.push({ path: "/security/loginByMail" });
};

goLogin();
</script>

<style>
.home-nav {
  height: 48px;
  width: 100%;
  text-align: center;
  box-shadow: 0px 10px 1px rgba(0, 0, 0, 0.01);
  text-align: right;
  display: none;
}
</style>